﻿<%@ Page Title="Change Pass" Language="C#" MasterPageFile="~/Site.Master" AutoEventWireup="true" CodeBehind="ChangePass.aspx.cs" Inherits="Timesheet.WebForm.Account.ChangePass" %>

<%@ Register Assembly="DevExpress.Web.v14.2, Version=14.2.4.0, Culture=neutral, PublicKeyToken=b88d1754d700e49a" Namespace="DevExpress.Web" TagPrefix="dx" %>
<asp:Content runat="server" ID="BodyContent" ContentPlaceHolderID="MainContent">
    <div class="title">
        <dx:ASPxLabel ID="ASPxLabel2" CssClass="maintitle" runat="server" Text="Change Password" Font-Size="22px" Font-Bold="true" ForeColor="#4A72A3"></dx:ASPxLabel>
    </div>

    <div class="detail">
        <table style="width: 100%;">
            <tr>
                <td style="text-align: left; " class="auto-style4" >
                    <dx:ASPxLabel ID="ASPxLabel4" runat="server" Text="Current Password (*)" Font-Size="12px" Font-Bold="true" ForeColor="#4A72A3"></dx:ASPxLabel>
                </td>
                <td class="auto-style3">
                    <dx:ASPxTextBox ID="cPassword" runat="server" Width="250px" Password="True">
                    </dx:ASPxTextBox>
                    
                </td>
                <td style="width: 50%; text-align: left; height: 35px">
                     <asp:RequiredFieldValidator ID="RequiredFieldValidator3" runat="server"
                        ErrorMessage="Current Password is required"
                        ControlToValidate="cPassword"
                        CssClass="validation-error" ForeColor="Red"
                        ToolTip="Current Password is a required field">
                    </asp:RequiredFieldValidator>
                </td>
            </tr>
            <tr>
                <td style="text-align: left; " class="auto-style5">
                    <dx:ASPxLabel ID="ASPxLabel5" runat="server" Text="New Password (*)" Font-Size="12px" Font-Bold="true" ForeColor="#4A72A3"></dx:ASPxLabel>
                </td>
                <td class="auto-style3">
                    <dx:ASPxTextBox ID="tbPassword" runat="server" Width="250px" Password="True">
                    </dx:ASPxTextBox>
                       
                </td>
                 <td style="width: 50%; text-align: left; height: 35px">
                    <asp:RequiredFieldValidator ID="RequiredFieldValidator1" runat="server"
                        ErrorMessage="New Password is required"
                        ControlToValidate="tbPassword"
                        CssClass="validation-error" ForeColor="Red"
                        ToolTip="New Password is a required field">
                    </asp:RequiredFieldValidator>
                </td>
            </tr>
            <tr>
                <td style="text-align: left; " class="auto-style5">
                    <dx:ASPxLabel ID="ASPxLabel3" runat="server" Text="Comfirm Password (*)" Font-Size="12px" Font-Bold="true" ForeColor="#4A72A3"></dx:ASPxLabel>
                </td>
                <td class="auto-style3">
                    <dx:ASPxTextBox ID="ConfirmPass" runat="server" Width="250px" Password="True">
                    </dx:ASPxTextBox>
                    
                </td>
                
                 <td style="width: 50%; text-align: left; height: 35px">
                   <asp:CompareValidator ID="CompareValidator1" runat="server"
                        ControlToValidate="ConfirmPass"
                        CssClass="validation-error"
                        ControlToCompare="tbPassword"
                        ErrorMessage="No Match" ForeColor="Red"
                        ToolTip="Password must be the same" />
                    <asp:RequiredFieldValidator ID="RequiredFieldValidator2" runat="server"
                        ErrorMessage="Confirm Pass is required"
                        ControlToValidate="ConfirmPass"
                        CssClass="validation-error" ForeColor="Red"
                        ToolTip="Confirm Pass is a required field">
                    </asp:RequiredFieldValidator>
                </td>
            </tr>

            <tr>
                <td class="auto-style4"></td>
                <td colspan="2">
                    <dx:ASPxButton ID="ASPxBtnLogin" runat="server" Text="Save" Width="80px"
                        OnClick="ASPxBtnLogin_Click">
                    </dx:ASPxButton>
                </td>
            </tr>
             <tr>
                <td class="auto-style4"></td>
                 <td colspan="2">
                     <dx:ASPxLabel ID="ASPxLbMessage" runat="server" Text="Change password successfully." ClientVisible="true"
                        ForeColor="#4A72A3" Visible="False">
                    </dx:ASPxLabel>
                </td>
            </tr>
        </table>
    </div>


</asp:Content>
<asp:Content ID="Content1" runat="server" contentplaceholderid="head">
    <style type="text/css">
        .auto-style3
        {
            width: 25%;
        }
        .auto-style4
        {
            width: 15%;
        }
        .auto-style5
        {
            width: 13%;
        }
    </style>
</asp:Content>

